@import "../../../../style/pc/fk/theme";
.lexmis-NumberInput{
	display:inline-flex;
	width:80px;
	height:$-form-widget-height;
	background:#fff;
	border:1px solid $-border-color;
	border-radius:$-form-widget-border-radius;
	transition:$-form-widget-transition;
	transition-property:border-color,box-shadow;
	vertical-align:middle;
	&:hover{
		border-color:$-primary-color;
	}
	&.lexmis--focus{
		border-color:$-primary-color;
		box-shadow:$-form-widget-box-shadow;
	}
	&.lexmis--noBorder{
		border:0;
		background:transparent;
		&.lexmis--focus{
			box-shadow:none;
		}
	}
	&.lexmis--disable{
		border-color:$-border-color;
		background:$-disable-color;
	}
	&.lexmis--readonly{
		>input{
			cursor:default;
		}
	}
	>input{
		height:100%;
		width:100%;
		outline:0;
		border:0;
		background:none;
		font-size:$-content-font-size;
		padding:0 $-mini-gap;
		color:$-title-color;
		z-index:1;
		&::placeholder{
			color:$-sub-color;
		}
	}
	>.lexmis_control{
		flex-shrink:0;
		display:inline-flex;
		flex-direction:column;
		width:22px;
		cursor:pointer;
		>.lexmis-Icon{
			width:100%;
			height:50%;
			color:$-sub-color;
			border-left:1px solid $-border-color;
			&:not(.lexmis--disable):hover{
				color:$-primary-color;
			}
			&:first-child{
				border-bottom:1px solid $-border-color;
			}
			&.lexmis--disable{
				color:$-box-disable-color;
				cursor:not-allowed;
			}
		}
	}
}
